<!-- 前台店长 – 首页 – 会员管理 –会员详情 – 上课记录 – 课评			review -->
<template>
	<view class="warps">
		<view class="senter">
			<image style="width: 686rpx;height: 352rpx;" src="../../../../static/img/074.png" mode=""></image>
		</view>
		<view class="w90">
			<view>
				<text class="fs32 bold">课程名称课程名称课程名称课程名称</text>
			</view>
			<view class="p_t_20">
				<text class="fs24 hui">教练：教练名称</text>
			</view>
			<view class="p_t_70">
				<text>时间：时间时间</text>
			</view>
			<view class="p_t_20">
				<text>地点：地点地点地点地点地点</text>
			</view>
			<view class="p_t_20">
				<text>场地：场地场地场地场地场地</text>
			</view>
		</view>
		<view class="evaluate-top">
			<view class="w90">
				<view class="f b c p_t_20">
					<view>
						<text class="bold">教练评价</text>
					</view>
					<view>
						<text class="fs16 hui">匿名评价</text>
					</view>
				</view>
				<view class="quanxian"></view>
				<view class="f b c p_t_20">
					<view class="m_t_10">
						<image style="width: 100rpx;height: 100rpx;" src="../../../../static/img/013.png" mode=""></image>
					</view>
					<view class="f d p_l_20">
						<text class="fs24">教练姓名</text>
						<text class="fs16 hui p_t_10">教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍教练介绍</text>
					</view>
				</view>
				<view class="f b c p_t_20">
					<view class="evaluate-man senter p_t_10" :class="ida == 0 ? 'evaluate-man':'evaluate-man1'" @click="getChecked()">
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/041.png" mode=""></image>
						<text class="fs16 p_l_10" :class="ida == 0 ? '':'cca'">满意</text>
					</view>
					<view class="evaluate-man senter p_t_10" :class="idas == 0 ? 'evaluate-man':'evaluate-man2'" @click="getChecked1()">
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/041.png" mode=""></image>
						<text class="fs16 p_l_10" :class="idas == 0 ? '':'ccs'">不满意</text>
					</view>
				</view>
			</view>
		</view>
		<view class="evaluate-con">
			<view class="w90">
				<view class="f b c p_t_20">
					<view>
						<text class="bold">课程评价</text>
					</view>
					<view>
						<text class="fs16 hui">匿名评价</text>
					</view>
				</view>
				<view class="quanxian m_t_40"></view>
				<view class="f b c p_t_40">
					<view class="f d c" @click="getIndex(0)">
						<image style="width: 88rpx;height: 88rpx;" v-if="idx==0" src="../../../../static/img/048.png" mode=""></image>
						<image style="width: 88rpx;height: 88rpx;" v-else src="../../../../static/img/043.png" mode=""></image>
						<text class="fs16" :class="idx == 0 ? 'blue':''">等级</text>
					</view>
					<view class="f d c" @click="getIndex(1)">
						<image style="width: 88rpx;height: 88rpx;" v-if="idx==1" src="../../../../static/img/049.png" mode=""></image>
						<image style="width: 88rpx;height: 88rpx;" v-else src="../../../../static/img/044.png" mode=""></image>
						<text class="fs16" :class="idx == 1 ? 'blue':''">等级</text>
					</view>
					<view class="f d c" @click="getIndex(2)">
						<image style="width: 88rpx;height: 88rpx;" v-if="idx==2" src="../../../../static/img/050.png" mode=""></image>
						<image style="width: 88rpx;height: 88rpx;" v-else src="../../../../static/img/045.png" mode=""></image>
						<text class="fs16" :class="idx == 2 ? 'blue':''">等级</text>
					</view>
					<view class="f d c" @click="getIndex(3)">
						<image style="width: 88rpx;height: 88rpx;" v-if="idx==3" src="../../../../static/img/051.png" mode=""></image>
						<image style="width: 88rpx;height: 88rpx;" v-else src="../../../../static/img/046.png" mode=""></image>
						<text class="fs16" :class="idx == 3 ? 'blue':''">等级</text>
					</view>
					<view class="f d c" @click="getIndex(4)">
						<image style="width: 88rpx;height: 88rpx;" v-if="idx==4" src="../../../../static/img/052.png" mode=""></image>
						<image style="width: 88rpx;height: 88rpx;" v-else src="../../../../static/img/047.png" mode=""></image>
						<text class="fs16" :class="idx == 4 ? 'blue':''">等级</text>
					</view>
				</view>
				<view class="quanxian m_t_40"></view>
				<view class="p_t_40">
					<text class="fs16 hui">写评论写评论写评论写评论写评论写评论写评论写评论写评论写评论写评论写评论</text>
				</view>
			</view>
		</view>
		<view class="" style="padding: 30rpx;"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				idx:Number,
				ida:0,
				idas:0,
				isshow:false,
				checked:false
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '课程评价'
			})
		},
		methods: {
			ao(){
				uni.navigateTo({
					url:"../student/student"
				})
			},
			// tabs切换
			getIndex(index) {
				this.idx = index
				this.isshow = true
				console.log(this.idx);
			},
			getChecked(){
				this.ida = !this.ida
				console.log(this.ida);
			},
			getChecked1(){
				this.idas = !this.idas
				console.log(this.ida);
			}
		}
	}
</script>

<style scoped>
	.warps {
		/* height: 200vh; */
		overflow: hidden;
		background-color: #fff;
	}
	.ccs{
		color:#CE2424;
	}
	.cca{
		color:#1F73F2;
	}
	.cc{
		background: #cde9ff;
	}
	.aa{
		margin:0 auto;
		margin-top:80rpx;
	}
	.aa>button{
		width: 686rpx;
		height: 72rpx;
		line-height:72rpx;
		opacity: 1;
		background:blue;
		border-radius: 12rpx;
		font-size: 24rpx;
		color: #fff;
	}
	.blue{
		color:#FF7105;
	}
	.evaluate-top{
		width: 686rpx;
		height: 310rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 16rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.16); 
		margin:0 auto;
		margin-top:36rpx;
	}
	.evaluate-man{
		width: 280rpx;
		height: 56rpx;
		opacity: 1;
		background: #f2f2f2;
		border-radius: 8rpx;
	}
	.evaluate-man1{
		width: 280rpx;
		height: 56rpx;
		opacity: 1;
		background:#CDE9FF;
		border-radius: 8rpx;
	}
	.evaluate-man2{
		width: 280rpx;
		height: 56rpx;
		opacity: 1;
		background:#FFCDCD;
		border-radius: 8rpx;
	}
	.evaluate-con{
		width: 686rpx;
		height: 598rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 16rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.16); 
		margin:0 auto;
		margin-top:36rpx;
	}
	.evaluate-but{
		margin:0 auto;
		margin-top:80rpx;
	}
	.evaluate-but>button{
		width: 686rpx;
		height: 72rpx;
		line-height:72rpx;
		opacity: 1;
		background: #dcdcdc;
		border-radius: 12rpx;
		font-size: 24rpx;
		color: #999999;
	}
</style>

